---

1. 夜间模式的开启与关闭
   1. 放置点击的按钮或图片。
   2. 定义开关切换函数。
   3. onclick函数调用。

function mySwitch() {    var myele=document.getElementById("on_off")    if(myele.src.match("u=1878009223,3806655311&fm=200&gp=0"))    {        myele.src="http://img4.imgtn.bdimg.com/it/u=217976653,3967921437&fm=27&gp=0.jpg"        document.getElementById("myBody").style.background="gray"        document.getElementById("demo").style.color="white"    }else{        myele.src="http://img2.imgtn.bdimg.com/it/u=1878009223,3806655311&fm=200&gp=0.jpg";        document.getElementById("myBody").style.background="white"        document.getElementById("demo").style.color="gray"    }}

父模板的制作

1. 制作网站网页共有元素的父模板html，包括顶部导航，中间区块划分，底部导航，底部说明等。
2. 汇总相关的样式形成独立的css文件。
3. 汇总相关的js代码形成独立的js文件。
4. 形成完整的base.html+css+js

 

    
             
         
     
      
    
       
    
            
        
首页
    
        
    
    
        
登录
    
        
注册
        
       
      
    
      
            
                                               
       
        ARASHI
       
        
      
        
      
            
                                               
       
        ARASHI
       
    
      
　
      
    
       
you are my soul soul 18週年おめでとう
      
    
     

#footer {
    position:fixed;bottom:0px;left:600px;}.text{
       width: 80px;    height: 30px;    margin-bottom: 0;    vertical-align: middle;}#footer p{
       font-size: 15px;    color: black;    text-decoration: none;        } .header ul{
        width: 1300px;     margin: 20px auto 0px auto; }.header ul li{
       float: left;}.header ul li a{
       margin: 10px 100px;    width: 100px;    height: 30px;    line-height: 30px;    font-size: 20px;    text-align: center;        }

function myLogin() {            var oUname=document.getElementById("uname");            var oPass=document.getElementById("upass");            var oPas=document.getElementById("upas");            var oError=document.getElementById("error_box");            oError.innerHTML="
";            if(oUname.value.length<6||oUname.value.length>20){                oError.innerHTML='请输入6-20位的用户名';                isError=false;             return;            }            if(oUname.value.charCodeAt(0)>=48&&oUname.value.charCodeAt(0)<=57){                oError.innerHTML='首字母不能为数字';             return;            }else{                for(var i=0;i
     
      122||oUname.value.charCodeAt(i)<97)&&(oUname.value.charCodeAt(i)>57&&oUname.value.charCodeAt(i)<48)){                        oError.innerHTML='只能输入字母或数字';                        isNotError=false;                        return;                    }                }            }            if(oPass.value.length<6||oPass.value.length>20){                oError.innerHTML='请输入6-20位的密码';            return;            }else  if(oPass.value != oPas.value){                oError.innerHTML='密码输入不正确';                return;            }        }function mySwitch() {    var myele=document.getElementById("on_off")    if(myele.src.match("u=1878009223,3806655311&fm=200&gp=0"))    {        myele.src="http://img4.imgtn.bdimg.com/it/u=217976653,3967921437&fm=27&gp=0.jpg"        document.getElementById("myBody").style.background="gray"        document.getElementById("demo").style.color="white"    }else{        myele.src="http://img2.imgtn.bdimg.com/it/u=1878009223,3806655311&fm=200&gp=0.jpg";        document.getElementById("myBody").style.background="white"        document.getElementById("demo").style.color="gray"    }}